<template>
<div class="box other">
	<nav>
		<a v-repeat="its:list" v-text="its.title" v-class="current:index===$index" v-on="click:index=$index"></a>
	</nav>
	<ul class="link" v-repeat="its:list" v-class="current:index===$index">
		<li v-repeat="items:its.data">
			<a v-attr="href : items.link, target : '_blank'" v-text="items.name"></a>
		</li>
	</ul>
</div>
</template>
<script>
var other = require('../../static/json/other.json');

module.exports = {
	data :function(){
		return {
			list : other,
			index : 0
		}
	}
}
</script>